<!doctype html>
<html>
<!--#include file="head.html"-->
<div class="uk-container ">
    <div class="dux-banner">
        <div class="banner-inner">
            <h2>
                <!--echo{app="site" label="fragment" id=1}-->
            </h2>
            <p>
                <!--echo{app="site" label="fragment" id=2}-->
            </p>
        </div>
    </div>
    <div class="dux-info">
        <div class="info-divider uk-divider-small uk-text-center"></div>
        <h3 class="uk-width-2-3@m">
            <!--echo{app="site" label="fragment" id=3}-->
        </h3>
        <div class="uk-grid uk-child-width-1-2@s uk-child-width-1-4@m">
            <!--list{app="site" label="diyList" limit=4 id=1}-->
            <div>
                <div class="info-box">
                    <div class="image">
                        <img src="{$list.image}">
                    </div>
                    <h4>{$list.title}</h4>
                    <p>
                        {$list.content}
                    </p>
                </div>
            </div>
            <!--{/list}-->
        </div>
    </div>

    <div class="dux-show">

        <div class="uk-grid uk-child-width-1-2@m uk-grid-collapse">
            <!--list{app="article" label="contentList" limit=4 image=true}-->
            <div>
                <div class="show-item">
                    <div class="uk-margin">
                        <a href="{url('article/info/index', ['id' => $list.article_id])}"><img src="{$list.image}"></a>
                        <h3 class="uk-h3">
                            <a href="{url('article/info/index', ['id' => $list.article_id])}">{$list.title}</a>
                        </h3>
                        <p class="uk-margin">
                            {str_len($list.description, 100)}
                        </p>
                    </div>
                </div>
            </div>
            <!--{/list}-->
        </div>



    </div>

</div>

<!--#include file="foot.html"-->
</body>

</html>